<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--{include file='comm/header.tpl'}-->
    <!--{include file='comm/comm_cal.tpl'}-->
    <title><!--{if $operFlg == 2}-->添加<!--{else}-->编辑<!--{/if}-->商品组合</title>
</head>
<body>
<div style="width:100%">

    <div class="items clearfix">
        <h2 style="" class="tal">正在操作：<!--{if $operFlg == 2}-->添加<!--{else}-->编辑<!--{/if}-->商品组合</h2>
        <div class="items2">

            <form id="edit_form" onsubmit="return false;">

                <div style="margin:0 auto;">
                    <table>
                        <tr style="height: 35px;">
                            <td width="15%" class="tar">主商品商家编号：</td>
                            <td width="" class="td_input">

                                <input type="text" id="main_product_code" name="main_product_code" value="<!--{$goodsRecommendInfo->product_code}-->" style="width:180px;">

                                <!--{if $operFlg == 2}-->
                                <input type="button" value="取消" id="cancelBtn" class="btn" onclick="rcomAdd.cancelGoods();" style="display: none;">
                                <!--{else}-->
                                <input type="button" value="取消" id="cancelBtn" class="btn" onclick="rcomAdd.cancelGoods();" >
                                <!--{/if}-->

                                <span class="red">*</span>
                                <input type="hidden" id="recom_id" name="recom_id" value="<!--{$goodsRecommendInfo->recom_id}-->">
                            </td>
                        </tr>
                        <tr id="goodsMsg" <!--{if $operFlg == 2}--> style="display:none;" <!--{/if}--> >
                        <td width="10%" class="tar"></td>
                        <td>
                            <div style="float: left;font-size: 14px;margin-top: 10px;margin-bottom: 10px;" >
                                商品名称：<font id="goodsName"><a href="/shop/goods-<!--{$goodsRecommendInfo->uid}-->.html" target="_blank"><!--{$goodsRecommendInfo->goodsName}--></a></font>
                            </div>
                            <div style="clear: both;"></div>
                            <div style="float: left;font-size: 14px;margin-bottom: 10px;" >
                                商品价格：<font id="salePrice" color="red" style="font-weight: bold;margin-right: 5px;"><!--{$goodsRecommendInfo->salePrice}--></font>元
                            </div>
                        </td>
                        </tr>
                        <tr id="hidMain" style="display: none;">
                            <td class="tar">主商品组合价格：</td>
                            <td >
                                <input type="text" name="mainPrice" id="mainPrice" value="<!--{$goodsRecommendInfo->mainPrice}-->" >
                            </td> 
                        </tr>
                        <tr style="height: 35px;">
                            <td width="10%" class="tar">有效日期：</td>
                            <td width="*" class="td_input">
                                <input type="text" id="startDate" name="startDate" style="width:180px;" readonly="readonly" value="<!--{$goodsRecommendInfo->startDate}-->">&nbsp;
                                ～
                                <input type="text" id="endDate" name="endDate" style="width:180px;" readonly="readonly" value="<!--{$goodsRecommendInfo->endDate}-->">&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td class="tar">使用状态：</td>
                            <td >
                                <input type="radio" name="useFlg" value="1" <!--{if $operFlg == 2 || $goodsRecommendInfo->useFlg == 1}-->checked="checked"<!--{/if}-->>&nbsp;启用
                                <input type="radio" name="useFlg" value="0" <!--{if $operFlg == 3 && $goodsRecommendInfo->useFlg == 0}-->checked="checked"<!--{/if}-->>&nbsp;禁用
                            </td>
                        </tr>
                        <tr style="height: 35px;">
                            <td width="10%" class="tar">组合商品商家编号：</td>
                            <td width="*" class="td_input">
                                <input type="text" id="product_code" name="product_code" value="" style="width:180px;">
                                <span class="red">* (输入编号后请按回车键)</span>
                            </td>
                        </tr>
                    </table>
                </div>
                <table class="s" id="goodsList" style="margin-top: 20px;width: 79%;<!--{if $operFlg == 2}-->display: none;<!--{/if}-->" >

                    <thead>
                    <tr>
                        <th style="width: 20%;">商品编号</th>
                        <th style="width: 40%;">商品名称</th>
                        <th style="width: 15%;">商品价格</th>
                        <th style="width: 10%;">组合价格</th>
                        <th style="width: 15%;">操作</th>
                    </tr>
                    </thead>

                    <tbody id="goodsTable">
                    <!--{if $recommendGoodsInfo }-->

                    <!--{foreach from=$recommendGoodsInfo item=goods}-->
                    <tr id='tr_<!--{$goods.product_code}-->' class='tr_goods' >
                        <td style='text-align: left;height:20px;'><!--{$goods.product_code}--></td>
                        <td id="name_<!--{$goods.product_code}-->">
                        	<font title="<!--{$goods.goodsName}-->"><a href="/shop/goods-<!--{$goods.uid}-->.html" target="_blank"><!--{$goods.goodsName}--></a></font>
						</td>
                        <td id="price_<!--{$goods.product_code}-->"><!--{$goods.salePrice}--></td>
                        <td><input type="text" style="width: 120px;" id="sale_<!--{$goods.product_code}-->" value="<!--{$goods.sale_price}-->"></td>
                        <td style='text-align: center;height:20px;'><a href='javascript:void(0);' onclick="rcomAdd.delOne('<!--{$goods.product_code}-->');" >删除</a></td>
                    </tr>
                    <!--{/foreach}-->

                    <!--{/if}-->

                    </tbody>

                </table>

            </form>

        </div>
    </div>

    <div class="bottom_fixbox">
        <div class="rectbox tac">
            <input type="button" class="btn" onclick="rcomAdd.check();" value="保存" />&nbsp;&nbsp;&nbsp;
            <input type="button" class="btn" onclick="E.closeWindows();" value="关闭" />
        </div>
    </div>

</div>

<script type="text/javascript">

//添加或编辑的标志
var operFlg = '<!--{$operFlg}-->';

//记录添加商品的商品信息
var productCode_arr = new Array();

//页面初始化
$(document).ready(function(){
    //新增页自动加载当月日期
    if (operFlg == 2){
        $("#startDate").val(currentFirstDay());
        $("#endDate").val(currentLastDay());

        //选择商品编码输入框
        $('#main_product_code').select();
    }

    if( operFlg == 3 ){
        $("#hidMain").show();
    }

});

//主商品输入框回车事件
$("#main_product_code").keydown(function (e){

    if(e.keyCode == 13){

        var main_product_code = $.trim( $("#main_product_code").val() );

        if( main_product_code == '' ){
            E.alert('请输入主商品编号');
            return false;
        }
        
        //拆散商品编码。检测输入的是否是三级商品编码
        //var arr = main_product_code.split('-');

        //if( arr.length != 3 ){

            //隐藏商品信息行
            //$("#goodsMsg").hide();

            //主商品组合价格清空
            //$("#mainPrice").val('');

            //隐藏主商品组合价格输入框
            //$("#hidMain").hide();

            //E.alert('请输入三级商品编号');
            //return false;
        //}

        jquery_ajax( 5 , {product_code:main_product_code} , rcomAdd.getGoodsInfo );

    }

});

//推荐商品输入框回车事件
$("#product_code").keydown(function (e){

    if(e.keyCode == 13){

        var product_code = $.trim( $("#product_code").val() );

        //记录提示信息
        var errorMsg = '';

        if( product_code == '' ){
            E.alert('请输入商品编号');
            return false;
        }

        //循环获取商品
        $("[id*='tr']").each(function(k,v){

            //获取当前行ID字符串
            var idString = $(this).attr('id');

            //分解ID字符串获取product_code
            var arr = idString.split('_');

            //获取product_code
            var productCode = arr[1];

            if( productCode == product_code ){
                errorMsg += '编号['+product_code+']商品重复';
                return false;
            }

        })

        if( errorMsg != '' ){
            E.alert( errorMsg );
            return false;
        }

        jquery_ajax( 5 , {product_code:product_code} , rcomAdd.addGoods );
    }

});

var rcomAdd = {

    dt: "",

    //显示取消商品提示框
    cancelGoods:function(){
        E.confirm( '确认取消主商品吗？' , 'rcomAdd.cancelExe' );
    },

    //执行取消操作
    cancelExe:function(){

        //主商品编号输入框清空
        $("#main_product_code").val('');

        //隐藏商品信息行
        $("#goodsMsg").hide();

        //主商品组合价格清空
        $("#mainPrice").val('');

        //隐藏主商品组合价格输入框
        $("#hidMain").hide();

    },

    //保存之前检查参数
    check: function() {

        this.dt = E.getFormValues('edit_form');

        //错误提示信息
        var error_msg = "";

        //获取主商品价格
        var main_salePrice = $("#salePrice").text();

        //获取推荐商品表格内容
        var goodsHtml = $.trim( $("#goodsTable").html() );

        if ( this.dt.main_product_code == ""){
            E.alert("主商品编号不能为空");
            return false;
        }

        //拆散商品编码。检测输入的是否是三级商品编码
        //var arr = this.dt.main_product_code.split('-');

        //if( arr.length != 3 ){

            //隐藏商品信息行
            //$("#goodsMsg").hide();

            //主商品组合价格清空
            //$("#mainPrice").val('');

            //隐藏主商品组合价格输入框
            //$("#hidMain").hide();

            //E.alert('主商品编号只能为三级商品编号');
            //return false;
        //}

        if( this.dt.mainPrice == '' ){
            E.alert("主商品组合价格不能为空");
            return false;
        }else{

            if( !E.isMoney(this.dt.mainPrice) ){
                E.alert("主商品组合价格格式有误");
                return false;
            }

            if( parseFloat(this.dt.mainPrice) > parseFloat(main_salePrice) ){
                E.alert("主商品组合价格不得大于其商品价格");
                return false;
            }

        }

        if( this.dt.startDate > this.dt.endDate ){
            E.alert("有效期开始时间不得大于结束时间");
            return false;
        }

        if(E.isEmpty(goodsHtml) ){
            E.alert("组合商品不能为空");
            return false;
        }

        //循环获取商品
        $("[id^='tr_']").each(function(k,v){

            //获取当前行ID字符串
            var idString = $(this).attr('id');

            //分解ID字符串获取product_code
            var arr = idString.split('_');

            //获取product_code
            var product_code = arr[1];

            //获取当前推荐商品名称
            var goodsName = $("#name_" + product_code).text();

            //获取当前商品价格
            var price = $("#price_" + product_code).text();

            //获取该推荐商品实售价格
            var salePrice = $("#sale_" + product_code).val();

            //判断金额
            if( salePrice == '' ){

                error_msg += '编号['+product_code+']的商品组合价格不能为空</br>';
                return false;

            }else{

                if( !E.isMoney(salePrice) ){
                    error_msg += '编号['+product_code+']的商品组合价格格式有误</br>';
                    return false;
                }

                if( parseFloat(salePrice) > parseFloat(price) ){
                    error_msg += '编号['+product_code+']的商品组合价格不得大于其商品价格</br>';
                    return false;
                }

            }

            //存储组合商品信息
            var goodsInfo = {product_code:product_code,salePrice:price,sale_price:salePrice};

            //校验没问题，保存进全局数组中
            productCode_arr.push( goodsInfo );

        })

        if (error_msg != "")
            E.alert(error_msg);
        else {
            this.dt['goodsInfo'] = productCode_arr;
            this.add();
        }

    },

    //保存
    add: function() {

        E.ajax_post({
            url:  "/invokingAjax-backend/promotion/goodsRecommend.ajax?operFlg=2",
            data: this.dt,
            call: "rcomAdd.addReturn"
        });

    },

    //保存成功回调函数
    addReturn:function( obj ){

        if( obj.code == 200 ){

            E.opener("goodsRecommend.load");

            if( operFlg == 2 ){
                E.alert( obj.message , 2 , 'E.refresh');
            }else{
                E.alert( obj.message , 2 , 'E.closeWindows');
            }

        }else{

            E.alert( obj.message );
        }

    },

    //查询主商品回调函数
    getGoodsInfo:function( obj ){

        if( obj.code == 200 ){

            //显示“取消”按钮
            $("#cancelBtn").show();

            //推荐商品输入框获取焦点
            $("#product_code").focus();

            //显示商品信息行
            $("#goodsMsg").show();
            $("#goodsName").text( obj.data.goodsName );
            $("#salePrice").text( obj.data.salePrice );
            $("#hidMain").show();
            $("#mainPrice").val( obj.data.salePrice );

        }else{

            //隐藏商品信息行
            $("#goodsMsg").hide();

            //主商品组合价格清空
            $("#mainPrice").val('');

            //隐藏主商品组合价格输入框
            $("#hidMain").hide();

            E.alert( obj.message );
        }

    },

    //添加推荐商品
    addGoods:function( return_obj ){

        if( return_obj.code != 200 ){
            E.alert( return_obj.message );
            return false;
        }

        //添加页面HTML
        var html = "<tr id='tr_"+return_obj.data.product_code+"' class='tr_goods' >";
        html += "<td style='text-align: left;height:20px;'>"+return_obj.data.product_code+"</td>";
        html += "<td id='name_"+return_obj.data.product_code+"'>"+return_obj.data.goodsName+"</td>";
        html += "<td id='price_"+return_obj.data.product_code+"'>"+return_obj.data.salePrice+"</td>";
        html += "<td><input style='width: 120px;' type='text' id='sale_"+return_obj.data.product_code+"' value='"+return_obj.data.salePrice+"'></td>";
        html += "<td style='text-align: center;height:20px;'>";
        html += '<a  href="javascript:void(0);" onclick="rcomAdd.delOne(\'' + return_obj.data.product_code + '\')">删除</a>';
        html += "</td>";
        html += "</tr>";

        $("#goodsTable").append(html);

        $("#goodsList").show();

        $("#product_code").val('');

    },

    //删除一行
    delOne:function( product_code ){

        $("#tr_" + product_code).remove();

    }

};

function jquery_ajax(flg,data,func){
    $.ajax({
        type: "post",
        url: "/invokingAjax-backend/promotion/goodsRecommend.ajax?operFlg=" + flg,
        dataType: "json",
        data: data,
        success: function( result_obj ) {
            func(result_obj);
        },
        error : function(msg){
            alert('网络不给力，请重新尝试...');
        }
    });
}

//日期控件JS
$('#startDate').datetimepicker({timeFormat:'HH:mm:ss',showHour: true,showMinute: true,showSecond: true,});
$('#endDate').datetimepicker({timeFormat:'HH:mm:ss',showHour: true,showMinute: true,showSecond: true,});

</script>

</body>

</html>